{% extends 'bootstrap/base.html' %}

{% block title %}微软远程工具IP管理{% endblock %}

{% block styles %}

    <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet" />
    <link href="{{ url_for('static', filename='css/light-bootstrap-dashboard.css') }}" rel="stylesheet" />
    <link href="{{ url_for('static', filename='css/demo.css') }}" rel="stylesheet" />
{% endblock %}

{% block body %}
    <div class="wrapper">
        <div class="sidebar" data-image="{{ url_for('static', filename='/img/sidebar-5.jpg') }}">
            <div class="sidebar-wrapper">
                <div class="logo">
                    <a href="http://www.creative-tim.com" class="simple-text">
                        微软远程工具IP管理
                    </a>
                </div>
                <ul class="nav">
                    <li {% block main_index_attribs %}{% endblock main_index_attribs %}>
                        <a class="nav-link" href="{{url_for('main.index')}}">
                            <i class="nc-icon nc-chart-pie-35"></i>
                            <p>设备</p>
                        </a>
                    </li>
                     <li {% block user_setting_attribs %}{% endblock user_setting_attribs %}>
                        <a class="nav-link" href="{{url_for('users.profile')}}">
                            <i class="nc-icon nc-circle-09"></i>
                            <p>设置</p>
                        </a>
                    </li>
                  <!--  <li class="nav-item active">
                        <a class="nav-link" href="./user.html">
                            <i class="nc-icon nc-circle-09"></i>
                            <p>User Profile</p>
                        </a>
                    </li>
                   -->
                    <li class="nav-item active active-pro">
                        <a class="nav-link active" href="upgrade.html">
                            <i class="nc-icon nc-alien-33"></i>
                            <p>Upgrade to PRO</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-panel">
            {% block navbar %}
                <nav class="navbar navbar-expand-lg " color-on-scroll="500">
                    <div class="container-fluid">
                        <a class="navbar-brand" href="{{url_for('main.index')}}"> {% block navbar_brand %} {% endblock navbar_brand %} </a>
                        <div class="collapse navbar-collapse justify-content-end" id="navigation">
                            <ul class="navbar-nav ml-auto">
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <span class="no-icon">用户</span>
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                                        <a class="dropdown-item" href="{{url_for('users.reset_password')}}">重置密码</a>
                                        <div class="divider"></div>
                                        <a class="dropdown-item" href="{{url_for('users.logout')}}">退出登录</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            {% endblock %}

            <div class="content">
                {% block page_content %}
                {% endblock %}
            </div>

            <footer class="footer">
                {% block footer %}
                {% endblock %}
            </footer>
        </div>
    </div>

    {% block scripts %}
        <script src="{{ url_for('static', filename='js/core/jquery.3.2.1.min.js') }} " type="text/javascript"></script>
        <script src="{{ url_for('static', filename='js/core/popper.min.js') }} " type="text/javascript"></script>
        <script src="{{ url_for('static', filename='js/core/bootstrap.min.js') }}" type="text/javascript"></script>


        <script src="{{ url_for('static', filename='js/plugins/bootstrap-switch.js') }}"></script>
        <!--  Notifications Plugin    -->
        <script src="{{ url_for('static', filename='js/plugins/bootstrap-notify.js') }}"></script>
        <!-- Control Center for Light Bootstrap Dashboard: scripts for the example pages etc -->
        <script src="{{ url_for('static', filename='js/light-bootstrap-dashboard.js') }}" type="text/javascript"></script>
        <!-- Light Bootstrap Dashboard DEMO methods, don't include it in your project! -->
        <script src="{{ url_for('static', filename='js/demo.js') }}"></script>
    {% endblock %}
{% endblock %}